<template>
  <div>
    <h1>Child</h1>
    <!-- 单个插槽，默认插槽，匿名插槽 -->
    <!-- 给插槽添加默认值 -->
    <!-- 如果调用当前组件，在组件标签中使用了自定义数据，则默认值默认替换，如果你不有写内容，你使用了单标签调用，或双标签，但标签中间没有内容，则使用默认值 -->
    <!-- <slot>默认值</slot> -->
    <slot name="default">默认值</slot>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  mounted() {
    console.log(this.$slots)
  }
}
</script>

<style lang="scss" scoped></style>
